<!--
 * @Descripttion: 
 * @version: 1.0.0
 * @Author: guoxiaomin
 * @Email: 1093556028@qq.com
 * @Date: 2019-08-20 15:55:50
 * @LastEditors: guoxiaomin
 * @LastEditTime: 2019-09-11 10:11:53
 -->
<style lang="less" scoped>
.footerBox{
  background: #2B2B2B;
  height: 4rem;
  width: 100%;
  position: relative;
  .navInfo{
    display: flex;
    justify-content: center;
    .module{
      padding-top: 0.69rem;
      margin-left: 1rem;
      .name{
        font-size: 0.24rem;
        color: #FFFFFF;
        font-weight:400;
      }
      .subLinkBox{
        margin-top: 0.45rem;
        .subItem{
          display: block;
          color: #BABABA;
          font-size: 0.18rem;
          font-weight:400;
          padding-top: 0.2rem;
        }
      }
    }
    .wechat{
      width: 1.79rem;
      height: 1.79rem;
      padding-top: 0.69rem;
      margin-left: 1rem;
    }
  }
  .address{
    position: absolute;
    bottom: 0.4rem;
    font-size: 0.18rem;
    color: #BABABA;
    width: 100%;
    text-align: center;
  }
}
</style>
<template>
<div class="footerBox">
  <div class="navInfo">
    <div class="module" v-for="(moduleItem, index) in arr" :key="index">
      <p class="name">{{moduleItem.name}}</p>
      <div class="subLinkBox">
        <a class="subItem" v-for="(item, subIndex) in moduleItem.sub" :key="subIndex" :href="item.link?item.link:'javacript:void(0)'">
          {{item.name}}
        </a>
      </div>
    </div>
    <img src="../assets/web/WechatIMG10.jpeg" alt="" class="wechat">
  </div>
  <p class="address">
    <span class="cn">京ICP备19036661号</span>
    <span class="cn" style="marginLeft:0.3rem;">地址：北京市丰台区城南大道1座1509室</span>
    <span class="en" style="marginLeft:0.12rem;">Dingsheng Hengji Investment Co.,Ltd</span>
  </p>
</div>
</template>
<script>
export default {
  data() {
    return {
      arr: [
        {
          name: '关于我们',
          sub: [
            {name: '.公司介绍', link: '#/about'},
            {name: '.联系我们', link: '#/about'}
          ]
        },
        {
          name: '安全保障',
          sub: [
             {name:'.实体经营',link: '#/about'},
             {name:'.合规资质',link: '#/about'},
             {name:'.信息安全',link: '#/about'}
          ]
        },
        {
          name: '我要出借',
          sub: [
            {name:'.合作共赢', link: '#/enterMoney'}
          ]
        },
        {
          name: '客服专线',
          sub: [
            {name:'.010-87506918'},
            {name:'.客服服务时间09:00-18:00'}
          ]
        }
      ]
    }
  },
}
</script>